import React from "react";

const Design = ({
  width,
  height,
  primaryFill = "#00b39f",
  secondaryFill = "#00d3a9",
  style = {}
}) => (
  <svg
    width={width}
    height={height}
    id="Layer_1"
    data-name="Layer 1"
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 456.48 456.14"
  >
    <title>service-mesh-pattern</title>
    <path
      d="M309.42,74.48c10,12.47,17.32,26.45,22.92,41.3,7.23,19.15,10.53,39.07,6.4,59.27-5.54,27.11-21.4,46.2-47.92,55.38-10.3,3.56-21,5-31.64.54a14.45,14.45,0,0,1-4.07-2.22,26.72,26.72,0,0,1-6.73,17.12,16,16,0,0,1,4.38-1.25c1.46-.27,3-.48,4.43-.61,14.19-1.17,27.85-4.17,40.82-10.37,20-9.59,36.76-23.25,51-40.14a138.12,138.12,0,0,0,20.26-31.35,174,174,0,0,0,14.28-52.66c1.83-15.69,1.34-31.08-.23-46.62-.38-3.75-2-5.3-5.37-5.9-8.66-1.54-17.33-3.27-25.85-5.34-22.28-5.41-44.74-10-67.06-15.16-7.94-1.85-15.91-3.52-23.87-5.28,5.84,5.57,12.11,10.15,18.18,15C290.12,54.77,300.74,63.6,309.42,74.48Z"
      fill={primaryFill}
    />
    <path
      d="M64.17,267.57C71,238.85,82.3,212.5,105.64,193.08c21.25-17.69,45.31-23.2,71.83-14,13.38,4.63,24.85,12.12,30.95,25.73a14.34,14.34,0,0,1,1.29,3.81,26.71,26.71,0,0,1,15.19-7.2c-.35-.23-.71-.49-1.11-.81-8.14-6.55-15.88-13.68-25.34-18.5-33.62-17.13-68.94-19.34-104.83-10.2C55.56,181.58,26.14,204.67,2,235.05c-2.71,3.41-2.49,5.61-.26,9.06C20.46,273.23,39,302.47,57.6,331.67c2.46,3.87,5,7.67,8.38,12.77.36-8.61-1.46-15.49-2.43-22.42C61,303.82,59.86,285.68,64.17,267.57Z"
      fill={secondaryFill}
    />
    <path
      d="M121.48,65.46a351,351,0,0,1,39.06-4.32c11.88-.65,23.48,1.69,35,4.69,27.18,7.11,51.55,19,69.43,41.51,17.06,21.46,21.16,45.54,12,71.36-4.68,13.2-12.59,24.16-26.1,30.1a7.79,7.79,0,0,1-3,.81A26.78,26.78,0,0,1,255,225.34a20.84,20.84,0,0,1,2.06-2.77c9.9-11.77,18.86-24.12,24-38.86a153.77,153.77,0,0,0,8.27-60.26,147.12,147.12,0,0,0-14.83-57.52c-12.62-25.47-30.8-46.43-53-64.06-3.31-2.63-5.71-2.32-9.16-.1C183.76,20.14,155,38.25,126.42,56.54c-4.44,2.84-9.21,5.31-13.5,9.34A38.2,38.2,0,0,0,121.48,65.46Z"
      fill={secondaryFill}
    />
    <path
      d="M41.14,183.81c11.25-14.22,22-28.93,37.12-39.45,28-19.42,58.24-32,93-27.16,28,3.92,48.24,19.19,58.35,46.17,4.34,11.59,5.7,23.57.62,35.54A11,11,0,0,1,229,201.2a26.7,26.7,0,0,1,15.82,5.7,11.21,11.21,0,0,1-.28-1.2c-.26-1.47-.27-3-.39-4.46-.89-11.81-2.82-23.37-7.06-34.54-9-23.68-24.39-42.47-43.38-58.82-28-24.11-61-34.45-97.23-35.83-10.28-.39-20.6-.5-30.9.85-7.11.93-7.65,1-9.18,8q-9.91,45.29-19.91,90.57c-1.73,7.87-3.42,15.74-5.36,24.72C35.7,192.06,38.1,187.66,41.14,183.81Z"
      fill={primaryFill}
    />
    <path
      d="M454.8,212.33c-18.8-29.26-37.39-58.66-56.16-87.94-2.49-3.88-4.47-8.22-8.65-12.52,1.2,10.21,2.07,19.1,3.33,27.94,2.62,18.44,2.6,36.71-2.28,54.85-7.65,28.5-20.4,53.82-44.38,72.22C333.53,277,318.34,281.58,302,281.79c-11.45.15-22.34-3.16-32.47-8.59-8.84-4.74-16.36-10.9-20.81-20.16-1.4-2.93-2-4.7-1.55-5.89a26.8,26.8,0,0,1-16,7.65,38.17,38.17,0,0,1,4.5,3.36c8.4,6.82,16.79,13.65,26.66,18.35,27.52,13.07,56.59,15.85,86.18,11.19,44.63-7,78.45-32.09,106.19-66.53C457.22,218,456.91,215.61,454.8,212.33Z"
      fill={secondaryFill}
    />
    <path
      d="M395.64,296.67C368,324.47,334.82,340,294.93,340.11c-27.84.08-57.32-18.2-67.21-45-4.09-11.1-6.81-22.36-2.6-34.06,1.12-3.1,1.88-5.07,2.73-6.06a26.75,26.75,0,0,1-16.59-6,17.93,17.93,0,0,1,.91,4.63c.88,8.58,1.33,17.28,3.9,25.57,13.7,44.19,43.16,74.42,84.79,92.74,26.6,11.7,54.91,15.27,84,12.25,13-1.36,13.07-1.12,15.66-12.51,7.14-31.44,14.32-62.88,21.24-94.37,1.16-5.3,3.27-10.54,3.17-17.38-1.63,2.21-2.51,3.37-3.36,4.56C413.5,275.64,405.36,286.91,395.64,296.67Z"
      fill={primaryFill}
    />
    <path
      d="M151.77,387.45c-12.69-14.24-21.77-30.69-28.08-48.55-6-17.07-9.53-34.62-6.66-52.9,4.16-26.56,17.64-46.41,42.46-57.5,12-5.39,24.71-7.94,37.8-2.92a18.8,18.8,0,0,1,4.08,1.92A26.73,26.73,0,0,1,207,211.6a23.45,23.45,0,0,1-3.21.42,164.8,164.8,0,0,0-21.22,2.7c-24.23,5.14-44.33,17.82-62,34.53C97,271.48,81.81,298.49,75.45,330.4c-3.87,19.38-4.41,38.82-2.94,58.46.56,7.58,3.7,10.29,11.3,11.83,31.75,6.45,63.29,14,94.95,20.88,5.39,1.18,10.69,3.18,17.82,3.4-5.19-4-9.22-7.06-13.26-10.13C172.22,406.38,161.1,397.92,151.77,387.45Z"
      fill={primaryFill}
    />
    <path
      d="M341.09,390.07c-11.29,2-22.65,3.38-34,4.48-9.31.9-18.76,1.36-27.9,0a157.21,157.21,0,0,1-38.4-10.52c-19.14-8-36.49-18.59-49.37-35.3-15.54-20.17-20.78-42.64-13.13-67.17,4.34-13.88,11.47-26.27,25.53-33,2.5-1.19,4.22-1.75,5.44-1.58a26.78,26.78,0,0,1-7.64-15.65,31.49,31.49,0,0,1-2,2.59c-6.46,7.81-13.08,15.52-17.77,24.63-11.31,22-15.44,45.39-14.83,70a144.67,144.67,0,0,0,11.05,52.87c12.16,29,31.51,52.61,56.06,72.15,3.83,3.06,6.59,3.38,10.88.59,24.72-16,49.67-31.72,74.53-47.53,8.23-5.24,16.42-10.52,24.74-15.86A3.06,3.06,0,0,0,341.09,390.07Z"
      fill={secondaryFill}
    />
  </svg>
);

export default Design;
